// @keyframes blinkCursor {
//     50% {
//         border-right-color: transparent;
//     }
// }

// @keyframes typeAndDelete {
//     0%,
//     30% {
//         width: 0;
//     }

//     45%,
//     75% {
//         width: 99%;

//     }

//     80%,
//     100% {
//         width: 0;
//     }
// }
.typewriter {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    .content {
        height: 24px;
        text-align: center;
        line-height: 24px;
        white-space: normal;
    }
    .text {
        margin-right: 13px;
        height: 100%;
        color: #fff;
        font-size: 24px;
        letter-spacing: 1px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        border-right:2px solid #fff;
        // animation: typeAndDelete 10s steps(16) infinite,
        // animation: blinkCursor 0.5s step-end infinite alternate;
    }
}